import React from 'react'
import { View, StyleSheet } from 'react-native'
import { ScaleT, ScaleS } from 'src/utils/ScreenUtil'

export default function Dot (props) {
  return (
    <View style={styles.dotOut}>
      <View style={styles.dotInner}/>
    </View>
  )
}

const styles = StyleSheet.create({
  dotOut: {
    backgroundColor: '#FFD810',
    width: ScaleS(10),
    height: ScaleS(10),
    borderRadius: ScaleS(8),
    alignItems: 'center',
    justifyContent: 'center'
  },
  dotInner: {
    backgroundColor: 'white',
    borderRadius: ScaleS(3),
    width: ScaleS(4),
    height: ScaleS(4)
  }
})
